<template>
  <div class="app">
    <h3>provide: 祖孙组件传递数据</h3>
    <home></home>
  </div>
</template>

<script setup>
  import { provide, ref, computed } from 'vue'
  import Home from './components/Home.vue'

  const message = ref("provide message")
  
  const info = ref({
    name: "provide-name",
    age: 18,
    message: computed(() => message.value + " computed")
  })
  
  provide("info", info)

</script>

<style lang="scss" scoped></style>
